/**
 * main view
 */
.ctpl{padding-top:65px;position: relative; margin: auto;font-size:14px;font-family: Arial,Helvetica,sans-serif;}
.ctpl .active{background-color:#FDFDFD;}
.ctpl .editing{background-color:#FDFDFD;}
.ctpl .dragging{border:1px dashed #A00;z-index:100;position: absolute;opacity: 0.5;width:100%;}
.ctpl .dragon{background-color:#EEE;}
.ctpl [contenteditable]{background: #F1F1F1;}

/**
 * main view
 */
.ctpl .loading-wrapper{text-align:center;background-color: rgba(0,0,0,0.5);z-index:101;position: absolute;}
.ctpl .loading-wrapper img{vertical-align: middle;}


/**
 * main toolbar
 */
.ctpl-main-toolbar{
	display: -webkit-box;
	height:60px;
	top:0px;
	position: fixed;
	background-color: #EEE;
	border:1px solid #DFDFDF;
	border-top:none;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 100;
}
ul.main-toolbar-wrapper{margin: auto;}
li.main-toolbar-item{cursor:pointer;float:left;border-right: 1px solid #DDD;height:30px;padding: 5px 10px;margin:10px 0;font-size: 20px;line-height:30px;color:#807D7D;}
li.main-toolbar-item:last-child{border-right:none;}

 /**
 * menu
 */
.select{}
.select ul{
	background-color: #EEE;
	position: absolute;
	border:1px solid #DFDFDF;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.select li:first-child{width:auto;}
.select li{min-width:50px;}
.select.off{padding-right:22px;background: url(../img/icon/right.png) no-repeat}
.select.off ul{display: none;}
.select.on{padding-right:22px;background: url(../img/icon/down.png) no-repeat}
.select.on ul{display: block;}

.select.template{background-position: 52px 12px;}
.select.template li{font-size:16px;padding:3px;text-align: left;line-height: 20px;}

.select.add_item{background-position: 52px 12px;}
.select.add_item li{font-size:16px;padding:3px;text-align: center;line-height: 20px;}

.select.title{background-position: 62px 12px;}
.select.title li{padding:5px;}
.select.title li.h1{height:28px;line-height:28px;}
.select.title li.h2{height:24px;line-height:24px;}
.select.title li.h3{height:18px;line-height:18px;}
.select.title li.h4{height:16px;line-height:16px;}
.select.title li.h5{height:14px;line-height:14px;}

.select.list-type{background-position: 52px 12px;}
.select.list-type li{font-size:16px;padding:3px;text-align: center;line-height: 20px;}
.select.list-type .ul{padding-left:10px;background: url(../img/icon/circle-list.png) no-repeat 5px;}
.select.list-type .ol{padding-left:10px;background: url(../img/icon/decimal-list.png) no-repeat 5px;}

.select.more{background-position: 52px 12px;}
.select.more li{font-size:16px;padding:3px;text-align: center;line-height: 20px;}


/**
 * menu
 */
.ctpl-menu{position: relative;}
.ctpl-menu-inner{height: 100%;position: absolute;right: 0;top: 0;display: inline-block;visibility: hidden;z-index: 99;}
.ctpl-menu-inner li{width:30px;background: #F1F1F1;border-radius:4px;margin-right:2px;float: left;text-align: center;overflow: hidden;}
.ctpl-menu-inner li img{vertical-align: middle;}

/**
 * title module
 */
[class^='ctpl-title']{padding:5px 0;margin:5px 0;font-weight: bold;text-overflow:ellipsis;word-break:break-all;}
[class*='h1']{font-size:28px;}
[class*='h2']{font-size:24px;}
[class*='h3']{font-size:18px;}
[class*='h4']{font-size:16px;}
[class*='h5']{font-size:14px;}

/*type menu*/
.type-menu{z-index:99;}

/**
 * paragraph module
 */
[class^='ctpl-paragraph']{padding:5px 0;margin:5px 0;text-indent:28px;line-height: 23px;}

/**
 * quote module
 */
[class^='ctpl-quote']:before, [class^='ctpl-quote']:after{content: "";font-size: 100px;color: #d75f2d;font-family: Arial,Helvetica,sans-serif;position: absolute;}
[class^='ctpl-quote']:before{content: "“";top: -10px;left: 20px;}
[class^='ctpl-quote']:after{content: "”";bottom: -60px;right: 30px;}
[class^='ctpl-quote']{overflow: hidden;font-size:18px;quotes: "" "";padding:20px 60px;background-color: rgba(255,255,255,.4);position: relative;margin: 0.8em 0;}

/**
 * image module
 */
[class^='ctpl-image']{padding:5px 0;margin:5px 0;text-indent:28px;line-height: 23px;font-size:16px;text-align: center;}

/**
 * image module
 */
[class^='ctpl-list']{padding:5px 0px;}
[class^='ctpl-list'] ul,[class^='ctpl-list'] ol {margin: 1em 0;list-style-position: inside;margin: 10px 0 10px 10px;line-height: 20px;}
[class^='ctpl-list'] ul {list-style-type: circle;}
[class^='ctpl-list'] ol {list-style-type: decimal;}
[class^='ctpl-list'] li{font-size:14px;margin:3px 0;}

/**
 * catalog module
 */
[class^='ctpl-catalog']{padding:5px 0px;}
.catalog-head{font-size:20px;font-weight: bold;}
.catalog-head.on{padding-right:22px;background: url(../img/icon/down.png) no-repeat 55px 5px;}
.catalog-head.off{padding-right:22px;background: url(../img/icon/right.png) no-repeat 55px 5px;}
.catalog-content.on{display: block;padding: 5px 20px;}
.catalog-content.off{display: none;}
/*.catalog-content ul{padding-top:5px;}
.catalog-content li{padding:0px 0px 5px 20px;}
.catalog-content li:last-child{padding:0px 0px 0px 20px;}*/
.catalog-content li{padding-bottom:10px;}
.catalog-content li a{text-decoration: none;color: #0769AD;}
.catalog-content li a span{width:12px;height:12px;background: url(../img/icon/link.png) no-repeat;background-size: 12px;margin-left: 10px;display: inline-block;vertical-align: middle;}
.catalog-item-type1{padding-left:20px;}
.catalog-item-type2{padding-left:40px;}
.catalog-item-type3{padding-left:60px;}